<div class="node node-products node-promoted node-full clearfix" id="node-58">
    <h2 class="title">
    <a href=""><?php echo $content['p_name'] ?></a>
  </h2>
    <div class="content clearfix">
    	<p align="center">
    		<img alt="" width="200" src="/www/static/images/product/<?php echo $content['p_image'] ?>">
    	</p>
    	<div class="product-content-tab">
    	<ul>
        	<li class="active">基本信息</li>
        <?php 
        	if(is_array($attr) && count($attr)>0){
				foreach($attr as $v){
        ?>
           	 <li class=""><?php echo $v['a_name']?></li>
        <?php
        		}
			}
        ?>
        </ul>
   		 </div>
   		 <div class="product-content-container">
    		<div class="contents active">
		        <?php echo $content['p_info']?>
	        </div>
	    <?php 
        	if(is_array($attr) && count($attr)>0){
				foreach($attr as $v){
        ?>
	           	<div class="contents">
					<?php echo $v['a_info']?>
		        </div>
        <?php
        		}
			}
        ?>
	        
    	</div>
  	    <div class="documentation">
    	</div>
  </div>
</div>
<script type="text/javascript" src="/www/static/js/jquery.js"></script>
<script type="text/javascript">
	jQuery(function() {
		jQuery(".product-content-tab>ul>li").click(function() {
					jQuery(".product-content-tab>ul>li").removeClass("active");
					jQuery(this).addClass("active");
					jQuery(".product-content-container>.contents").removeClass("active");
					jQuery(".product-content-container>.contents").eq(jQuery(".product-content-tab>ul>li").index(jQuery(this))).addClass("active");
					iFrameHeight()
				});
	});
	function iFrameHeight() {
		var ifm = parent.document.getElementById("iframeid");
		var subWeb = document.frames ? document.frames["iframeid"].document : ifm.contentDocument;
		if (ifm != null && subWeb != null) {
			ifm.height = subWeb.body.scrollHeight + 10;
			ifm.width = subWeb.documentElement.scrollWidth;
		}
	}
</script>